<template>
  <div>
    <system_adver ref="adver" page_id="60"></system_adver>
  </div>
</template>

<script>
import System_adver from '../index'
export default {
  name: 'system_adver_profile',
  components: { System_adver },
  computed: {},
  data() {
    return {}
  },
  watch: {
    $route(to, from) {
      this.$refs['adver'].initView()
    },
  },
  mounted() {
    this.initView()
  },
  methods: {
    initView: function () {},
  },
}
</script>
<style scoped>
.platform-img {
  width: 20px;
  height: 20px;
  background: #f2f2f2;
  margin-right: 4px;
}
.platform-img img {
  width: 100%;
}
.alert-tip {
  background-color: #f0f9eb;
  position: relative;
  height: 26px;
  overflow-y: hidden;
  color: #67c23a;
  padding: 8px 16px;
  border-radius: 4px;
  align-items: center;
  margin-bottom: 10px;
  font-size: 12px;
}
.show-tip {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.alert-tip.show {
  height: auto;
  overflow-y: auto;
}
.video-img {
  position: relative;
  display: inline-block;
  width: 96px;
  height: 35px;
  overflow: hidden;
  border-radius: 4px;
}
.video-img img {
  vertical-align: middle;
  border-radius: 4px;
  width: 100%;
}
.video-open {
  cursor: pointer;
  font-size: 20px;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}
</style>
